<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>自助查勘理赔</title>
<link href="../statics/css/bootstrap.min.css" rel="stylesheet" media="screen">
<style type="text/css">
	a{
		line-height: 0em;
		height: 0em;
		
	}
	.aaa{
		height: 100%;
		background: aliceblue;
	}
	.cola{
		margin-top:1em ;
		border: 1px solid black;
		border-radius:0.3em ;
		border: 1px solid rgb(159,201,220);
		line-height: 3em;
		height: 3em;
		text-align: center;
		margin-left: 0.7em;
	}
	.imgb{
		margin: 0em;
		position: absolute;
		top: 0.5rem;
		left: -0.5rem;
		padding:0.5rem 1.8rem;
	}

	.container-fluid{
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.imgheader{
		padding: 0px;
	}
	.fonta{
	font-size: 0.8em;
		line-height:3.6em;
		height: 3.6em;
	}
	.fonta:HOVER {
	text-decoration: none;
	}
	
	.bangdin{
		position: relative;
		background: white;
		line-height: 5em;
		height: 5em;
	}
	.colii{
		line-height: 2em;
		height: 2em;
		margin-left: -1em;
		margin-top: 0.5em;
		
	}
	.colx{
		position: relative;
		margin: 0.7em;
		padding: 0px;
		width: 95%;
		border-radius:0.2em ;
		background: rgb(94,221,225);
	}
	.colc{
		margin: 0.7em;
		width: 97%;
		background: rgb(94,221,225);
		border-radius:0.2em ;
		line-height: 5em;
		height: 5em;
		z-index: 1;
		position: relative;
	}
	.imgtu{
		position:absolute;
		top: 0em;
		z-index: 4;
		margin-top: -1em;
	}
	.baoan{
		position: absolute;
		line-height: 5.6em;
		height: 5.6em;
		top: -0.3em;
		left: 0em;
		z-index: 0;
		background: white;
		border-radius:0.4em ;
		
	}
	.anjian{
		position: absolute;
		top: -0.3em;
		background: white;
		border-radius:0.4em;
		line-height: 5.6em;
		height: 5.6em;
		padding: 0em;
		width: 7em;
		background-image:url(../statics/img/wgImg/baoankuang.png);
		 background-size: 100%;
		background-repeat:no-repeat; 
		
	}
	
	.aanj{
		position: absolute;
		
		height: 80%;
		left: 4em;
		top: 2em;
		
	}
	.aanja{
		position: absolute;
		color: black;
		left: 1em;
		top: 2em;
	}
	.baoana{
		position: absolute;
		top: 2.7em;
		left: 0.5em;
		color: white;
	}
	.a1{
	font-size: 1.3em;
	color: black;
	}
	.dib{
		position: relative;
		background: white;
		margin-top: 0.2em;
		margin-left: 0.4em;
		margin-right: 0.4;
		padding-top: 2em;
		padding-bottom: 2em;
		border-radius: 1em;
		width: 96%;
	}
	.imglp{
		position:relative;
		top:-1em;
		left: -1em;
	}
	.imglpxz{
		position:relative;
		top:-1em;
		left: 2em;
	}
	.lplp{
		height: 6em;
	}
	.wdbaan{
		position:relative;
		
		left: -1.7em;
	}
	.wdbaan2{
		position:relative;
		top:-0em;
		left: -1.5em;
	}
	.wdbaan3{
		position:relative;
		left: -0.5em;
	}
	.wdbaan4{
		position:relative;
		left: -0.2em;
	}
		
</style>
</head>
<body>
	<div class="container-fluid aaa">
		<img style="width: 100%;" src="../statics/img/wgImg/a12066025dade5f2d2b88df554d4f008.png"/>
		<c:if test="${empty requestScope.map}">
		<div class="col-xs-12 bangdin">
			<div class="col-xs-3">
				<span class="col-xs-0"></span>
				<img class="col-xs-12 imgb img-responsive" style="margin-bottom: 0.5rem;" src="../statics/img/wgImg/ceb.png"/>
			</div>
			<div class="col-xs-6 colii">
				<i>hi~华安保险欢迎您</i>
				<br />
				<i>理赔服务更便捷！</i>
			</div>
			<div class="col-xs-3 cola">
				<a class="fonta" href="WGClaimsQuery2">立即绑定</a>
			</div>
			
		</div>
		</c:if>
		<c:if test="${not empty requestScope.map}">
				<div class="col-xs-12 bangdin">
			<div class="col-xs-3">
				<span class="col-xs-0"></span>
				<img class="col-xs-12 imgb img-responsive" src="../statics/img/wgImg/ceb.png"/>
			</div>
			<div class="col-xs-9 colii">
				<a class="h4" href="">${map.carinsuranceid.vin}</a>	
				<br />
				
			<a class="h5" style="color: darkgrey;position: absolute;bottom: -1.5rem;" href="">保单有效期至<fmt:formatDate value="${map.policy.expire}" type="date"/></a>
			</div>
		</div>
			
		</c:if>
	
		<!--第一种状态  还没绑定  -->
		<div class="col-xs-12 colx">
			
			<div class="col-xs-11 colc">
				<img class="imgtu" src="../statics/img/wgImg/ae3a49aaadea304268a444ab555ebbca.png" width="40em" height="87em">
				<div class="col-xs-8 baoan">
					<div class="col-xs-4"></div>
					<div class="col-xs-8 aanj">
						<a class="a1" href="wzw_wxts2">我的案件</a><br/>
						<a class="aanja" href="wzw_wxts2">查看历史案件</a>
					</div>
				</div>
				<div class="col-xs-4 " style="float: right;">
					<div class="col-xs-12 anjian">
						<a href="confirmed" class="col-xs-12 baoana">我要报案</a>
					</div>
					
				</div>
				
			</div>
		</div>
		<div class="col-xs-12 dib">
			<div class="col-xs-12 lplp">
				
				<a  href="wzw_wxts2"><img width="" height="60em" class="col-xs-7 imglp" src="../statics/img/wgImg/jjj1.png" /></a>
				<a href="wzw_wxts2"><img class="col-xs-5 imglpxz" alt="" src="../statics/img/wgImg/ddd.png"></a>
				
			</div>
			<div class="col-xs-12">
				<div class="col-xs-3">
					<a class="wdbaan" href="wzw_wxts2"><img width="60em" height="56em" src="../statics/img/wgImg/baodan01.png"></a>
				</div>
				<div class="col-xs-3">
					<a class="wdbaan2" href="wzw_wxts2"><img width="72em" height="56em" alt="" src="../statics/img/wgImg/fceba.png"></a>
				</div>
				<div class="col-xs-3">
					<a class="wdbaan3" href="/adress"><img width="65em" height="56em"  alt="" src="../statics/img/wgImg/mdcx.png"></a>
				</div>
				<div class="col-xs-3">
					<a class="wdbaan4" href="wzw_wxts2"><img width="65em" height="56em"  alt="" src="../statics/img/wgImg/dljy.png"></a>
				</div>
			</div>
		</div>
		
		
	</div>

</body>
		<script type="text/javascript" src="../statics/js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript">
		</script>
</html>